@import url("http://www.scotiabank.com.pe/fonts/scotiabank.css");

@charset "utf-8";
/* CSS Document */

/*===============================
	reset
=================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	/*font:inherit;*/
	vertical-align:baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
body { line-height:1.2; }
img { color:transparent; font-size:0; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ol, ul { list-style:none inside; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }

/*===============================
	frame
=================================*/

.f-right { float:right; }
.f-left { float:left; }
.center { text-align:center; }
.zindex { position:relative; z-index: 1; }

.spacer-10, .spacer-20, .spacer-40, .spacer-60, .spacer-80, .spacer-100 {
	display: block;
	clear: both;
}
.spacer-10 { height:10px; }
.spacer-20 { height:20px; }
.spacer-40 { height:40px; }
.spacer-60 { height:60px; }
.spacer-80 { height:80px; }
.spacer-100 { height:100px; }

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:before,
.clearfix:after {
  content:'.';
  display:block;
  overflow:hidden;
  visibility:hidden;
  font-size:0;
  line-height:0;
  width:0;
  height:0;
}
.clearfix:after { clear:both; }
.clearfix { zoom: 1; }

/*===============================
	html
=================================*/

body { font-family:"ScotiabankModernRegular", sans-serif; color:#666; width:100%; height:auto; min-width:980px; margin:0 auto; }
a {
	color:inherit;
	text-decoration: none;
	transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	position: relative;
	outline:none;
	cursor:pointer;
}
h1, h2, h3, h4, h5, h6, p, blockquote { margin-top:10px; font-weight:normal; }
h1:first-child, h2:first-child, h3:first-child, h4:first-child,
h5:first-child, h6:first-child, p:first-child, blockquote:first-child { margin-top:0; }

strong, b { font-weight:normal; font-family:"ScotiabankModernBold", sans-serif; }

/*===============================
	wrapper
=================================*/

#wrapper { display:none; position:relative; width:965px; margin:0 2%; }
#wrapper.active { margin:0 auto; }

/*===============================
	header
=================================*/

#header {
	float:left;
	position:relative;
	z-index:2;
}

#wrapper.active #header { position:absolute; top:-55px; left:946px; }

#bg_slider { position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/load.gif) no-repeat center; overflow:hidden; }
#bg_slider img { position:absolute; top:0; left:0; width:100%; height:auto; opacity:0; filter:alpha(opacity=0); }

/*===============================
	nav
=================================*/

#nav {
	float:left;
	position:relative;
	width:270px;
	color:#FFF;
	z-index:2;
}

#nav div.titulo { padding:15px 20px; background-color:#FFF; font-size:0.8125em; color:#666; border-radius:20px 0 0 0; behavior:url(path/PIE.htc); }

#nav ul.tabs { display:block; }
#nav ul.tabs li { display:block; height:52px; padding:15px 20px; font-size:0.75em; cursor:pointer; }
#nav ul.tabs li strong { font-size:1.5em; }
#nav ul.tabs li.n1{padding: 21px 22px 0;}
#nav ul.tabs li.n2, #nav ul.tabs li.n3 {padding: 15px 20px 19px;}
#nav ul.tabs li.n1,
#wrapper.active #nav ul.tabs li.n1.current,
#wrapper.active #nav ul.tabs li.n1:hover {
	background: #8D8B00;
	background: -moz-linear-gradient(45deg,  #393900 0%, #8d8b00 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#393900), color-stop(100%,#8d8b00));
	background: -webkit-linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	background: -o-linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	background: -ms-linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	background: linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393900', endColorstr='#8d8b00',GradientType=1 );
}
#wrapper.active #nav ul.tabs li.n1 { filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#393900', endColorstr='#8d8b00',GradientType=1 ) alpha(opacity=50); }

#nav ul.tabs li.n2,
#wrapper.active #nav ul.tabs li.n2.current,
#wrapper.active #nav ul.tabs li.n2:hover {
	background: #0084A9;
	background: -moz-linear-gradient(45deg,  #003447 0%, #0084a9 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#003447), color-stop(100%,#0084a9));
	background: -webkit-linear-gradient(45deg,  #003447 0%,#0084a9 100%);
	background: -o-linear-gradient(45deg,  #003447 0%,#0084a9 100%);
	background: -ms-linear-gradient(45deg,  #003447 0%,#0084a9 100%);
	background: linear-gradient(45deg,  #003447 0%,#0084a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003447', endColorstr='#0084a9',GradientType=1 );
}
#wrapper.active #nav ul.tabs li.n2 { filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#003447', endColorstr='#0084a9',GradientType=1 ) alpha(opacity=50); }

#nav ul.tabs li.n3,
#wrapper.active #nav ul.tabs li.n3.current,
#wrapper.active #nav ul.tabs li.n3:hover {
	background: #E20177;
	background: -moz-linear-gradient(45deg,  #690030 0%, #e20177 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#690030), color-stop(100%,#e20177));
	background: -webkit-linear-gradient(45deg,  #690030 0%,#e20177 100%);
	background: -o-linear-gradient(45deg,  #690030 0%,#e20177 100%);
	background: -ms-linear-gradient(45deg,  #690030 0%,#e20177 100%);
	background: linear-gradient(45deg,  #690030 0%,#e20177 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#690030', endColorstr='#e20177',GradientType=1 );
}
#wrapper.active #nav ul.tabs li.n3 { filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#690030', endColorstr='#e20177',GradientType=1 ) alpha(opacity=50); }

#nav ul.tabs li.n4 {
	background:url(../img/bg_tab1.png);
	border-radius:0 0 20px 0;
	behavior:url(path/PIE.htc);
}
#wrapper.active #nav ul.tabs li.n4,
#wrapper.active #nav ul.tabs li.n4.current,
#wrapper.active #nav ul.tabs li.n4:hover {
	border-radius:0;
	filter:alpha(opacity=100);
	behavior:url(path/PIE.htc);
}
#wrapper.active #nav ul.tabs li.n4 { filter:alpha(opacity=50); }

#nav div.slogan {
	display:none;
	position:absolute;
	bottom:-20px;
	left:-5px;
	padding:5px 10px;
	font-size:0.75em;
	
	background: #0084A9;
	background: -moz-linear-gradient(45deg,  #00384c 0%, #0084a9 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#00384c), color-stop(100%,#0084a9));
	background: -webkit-linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	background: -o-linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	background: -ms-linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	background: linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00384c', endColorstr='#0084a9',GradientType=1 );
	
	border-radius:15px 0 15px 0;
	behavior:url(path/PIE.htc);	
}

#wrapper.active #nav ul.tabs li { opacity:0.5; }
#wrapper.active #nav ul.tabs li:hover,
#wrapper.active #nav ul.tabs li.current { opacity:1; }

/*===============================
	content
=================================*/

#content {
	display:none;
	float:left;
	position:relative;
	width:695px;
}

#content div.pane { position:relative; height:440px; padding:20px; background-color:#F7F7F7; border-radius:0 0 20px 0; behavior:url(path/PIE.htc); z-index:2; }
#content div.mask { position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.9; filter:alpha(opacity=90); z-index:1; }

#content h1 { font-size:1.125em; }
#content p { font-size:0.8125em; }
#content p.bajada { font-size:1.5625em; color:#00465E; }
#content p.promocion { font-size:1.125em; color:#999; }
#content p.promocion span, #content p.bajada span { font-family:"ScotiabankModernBold", sans-serif; color:#0085A9; }
#content div.contacto { float:right; margin-top:15px; }
#content div.contacto h3 { font-size:1.125em; font-family:"ScotiabankModernBold", sans-serif; color:#C57A13; }
#content p.tel { margin-top:5px; }
#content p.aviso { padding-right:20px; color:#999; text-align:right; }

#content div.center { margin:20px 0; }
#content div.listado { display:none; }
#content div.listado h2 { font-size: 1.5em; }
#content div.listado h3 span { color: #CCCCCC; }
#content div.col_container { margin-top:10px; height:375px; overflow:auto; }
#content div.col { float:left; width:300px; margin-left:20px; }
#content div.col:first-child { margin-left:0; }
#content div.listado h3 { margin-bottom:10px; font-size:1.125em; color:#0084A9; }
#content div.listado ul { font-size:0.875em; line-height:1.4; }
#content div.listado li { padding:10px 0; border-bottom:dotted 1px #999; }
#content div.listado li:first-child { border-top:dotted 1px #999; }
#content div.listado li span { color:#0084A9; }
#content div.scrollable { position:relative; width:auto; margin:10px 0; overflow:hidden; }
#content div.containers { position:relative; width:1000%; height:100%; }
#content div.container { float:left; }
#content a.prev, #content a.next {
	position:absolute;
	top:49%;
	left:0;
	width:20px;
	height:46px;
	margin-top:8px;
	background:url(../img/slider-arrows.png);
	opacity:0.4;
	filter:alpha(opacity=40);
}
#content a.next { left:auto; right:0; background-position:-20px 0; }
#content a.prev:hover, #content a.next:hover { opacity:1; filter:alpha(opacity=100);}
#content a.prev.disabled, #content a.next.disabled { display:none !important; }
#content p.titulo { font-size:1.125em; }
#content h1 span, #content p.titulo span { color:#0084A9; }
#content a.ver_listado, #footer p a.ver_listado {
	display:block;
	width:130px;
	padding:5px 12px;
	margin-top:5px;	
	color:#FFF;
	
	background: #00527c;
	background: -moz-linear-gradient(45deg,  #00384c 0%, #0084a9 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#00384c), color-stop(100%,#0084a9));
	background: -webkit-linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	background: -o-linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	background: -ms-linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	background: linear-gradient(45deg,  #00384c 0%,#0084a9 100%);
	transition:none; -moz-transition:none; -webkit-transition:none; -o-transition:none;
	
	border-radius:15px 0 15px 0;
	behavior:url(path/PIE.htc);	
}
#content a.ver_listado { width:180px; margin-top:10px; font-size:0.75em; }
#content p a.ver_listado { float:right; margin-top:-10px; font-size:0.923em; }
#content a.ver_listado:hover, #footer p a.ver_listado:hover { background:#0084A9; filter:none; }
#content div.box { float:left; width:211px; margin-left:10px; }
#content div.box:first-child, div.spacer-10 + div.box { margin-left:0 !important; }
#content div.box div.foto { position:relative; width:100%; height:108px; overflow:hidden; }
#content div.box div.foto img { width:100%; }
#content div.info { height:25px; padding:3px 5px; background-color:#E5E5E5; border-bottom:solid 4px #DEDEDE; font-size:0.8125em; color:#333; }
#content div.info span { font-size:0.85em; color:#999; }
#content ul.mes li { float:left; width:33px; margin-left:1px; padding:8px 10px; background-color:#999; font-size:1.125em; color:#FFF; text-align:center; cursor:pointer; opacity:0.2; filter:alpha(opacity=20); }
#content ul.mes li.enabled { opacity:1; filter:alpha(opacity=100); }
#content ul.mes li:first-child { width:34px; margin-left:0; }
#content ul.mes li.current, #content ul.mes li:hover { background-color:#777; }
#content ul.lista { list-style:square outside none; padding-left:16px; margin-top:120px; font-size:0.8125em; }
#content ul.lista li { margin-top:10px; }
#content ul.lista li:first-child { margin:0; }

/* main vertical scroll */
#video { position:relative; margin:10px 0; z-index:5; }

#main {
	position:relative;
	overflow:hidden;
	height:270px;
	z-index:5;
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
	z-index:5;
}

/* single page */
.page {
	position:relative;
	background-color:#222;
	width:480px;
	height:270px;
	z-index:5;
}

/* root element for horizontal scrollables */
.video_scrollable {
	position:relative;
	overflow:hidden;
	width:480px;
	height:270px;
	z-index:5;
}

/* root element for scrollable items */
.video_scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
	z-index:5;
}

/* single scrollable item */
.item {
	float:left;
	position:relative;
	cursor:pointer;
	width:480px;
	height:270px;
	z-index:6;
}

/* main navigator */
#main_navi { float:left; }

#main_navi li {
	clear:both;
	width:155px;
	height:70px;
	padding:10px;
	background-color:#B06E0D;
	color:#FFF;
	opacity:0.85;
	font-family:"ScotiabankmodernBold", sans-serif;
	cursor:pointer;
}
#main_navi li:first-child { border-radius:15px 0 0 0; behavior:url(path/PIE.htc); }

#main_navi li.n1 {
	background:url(../img/bg_tab2.png);
	filter:alpha(opacity=85);
}
#main_navi li.n1:hover { opacity:1; filter:alpha(opacity=100); }

#main_navi li.n2 {
	background: #B06E0D;
	background: -moz-linear-gradient(45deg,  #5D2D00 0%, #B06E0D 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#5D2D00), color-stop(100%,#B06E0D));
	background: -webkit-linear-gradient(45deg,  #5D2D00 0%,#B06E0D 100%);
	background: -o-linear-gradient(45deg,  #5D2D00 0%,#B06E0D 100%);
	background: -ms-linear-gradient(45deg,  #5D2D00 0%,#B06E0D 100%);
	background: linear-gradient(45deg,  #5D2D00 0%,#B06E0D 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D2D00', endColorstr='#B06E0D',GradientType=1 ) alpha(opacity=85);
}
#main_navi li.n2:hover { opacity:1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5D2D00', endColorstr='#B06E0D',GradientType=1 ) alpha(opacity=100); }

#main_navi li.n3 {
	background: #8D8B00;
	background: -moz-linear-gradient(45deg,  #393900 0%, #8d8b00 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#393900), color-stop(100%,#8d8b00));
	background: -webkit-linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	background: -o-linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	background: -ms-linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	background: linear-gradient(45deg,  #393900 0%,#8d8b00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393900', endColorstr='#8d8b00',GradientType=1 ) alpha(opacity=85);
}
#main_navi li.n3:hover { opacity:1; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393900', endColorstr='#8d8b00',GradientType=1 ) alpha(opacity=100); }

#main_navi img {
	float:left;
	margin-right:10px;
}

#main_navi strong {
	display:block;
}

#main div.navi {
	margin-left:250px;
	cursor:pointer;
}

div.share {
	display:block;
	position:absolute;
	top:-15px;
	right:60px;
	width:125px;
	height:30px;
	padding-left:20px;
	background:#D18316; /* url(../img/youtube.png) no-repeat 10px 7px;*/
	color:#FFF;
	line-height:30px;
	font-size:0.9375em;
	z-index:5;
	cursor:pointer;
	border-radius:6px 0 6px 0;
	behavior:url(path/PIE.htc);
}
div.share:hover { background-color:#DC291E; border-bottom-color:#CC0000; }

/*=====================
tabla
====================*/
.zebra caption{
    font-size:20px;
    font-weight:normal;
   
    background-repeat:no-repeat;
    background-position: 130px center;
    padding-top: 20px;
    height:50px;}
 
#container{
    padding-top:20px;
    width:960px;
    margin:0 auto;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
    -webkit-box-shadow:  0px 2px 1px 5px rgba(242, 242, 242, 0.1);
    box-shadow:  0px 2px 1px 5px rgba(242, 242, 242, 0.1);
}
 
.zebra {
    border: 1px solid #ccc;
}
 
.zebra td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;
	font-size:0.75em;
}
 
.zebra th, .zebra th:hover {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px;  
    background-color:white !important;
	  
		font-size:0.75em; 
	
    color:#666 !important;
    font-weight:normal;
}
 
.zebra tbody tr:nth-child(even) {
    background: #F2F2F2 !important;
    color:#666;
}
 
.zebra tr:hover *{
    background: #fff;
    color:#666;
}
 
.zebra tr {
    background:#F9F9F9;
    color:#666;
}
/*===============================
	section
=================================*/

#section {
	float:left;
	position:relative;
	width:100%;
	padding:10px;
	background-color:#999;
}

/*===============================
	footer
=================================*/

#footer {
	float:left;
	position:fixed;
	bottom:0;
	left:0;
	width:98%;
	height:45px;
	padding:10px 0 10px 2%;
	background-color:#FFF;
	font-size:0.75em;
}

#footer div.spot { position:absolute; top:-155px; right:5px; border:solid 1px #999; }
#footer ul { margin:-50px 10px 0 0; }
#footer li { display:inline-block; *display:block; }
#footer p { margin-top:0; }
#footer p.f-right { width:265px; }
#footer p span { font-family:"ScotiabankModernBold", sans-serif; color:#0085A9; }

/*===============================
	@media
=================================*/

@media screen and (max-width:960px){
}